```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PicWish - AI图片编辑平台</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            color: #3f3f46;
            line-height: 1.6;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .feature-icon {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
        }
        .tooltip:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 导航栏 -->
    <nav class="bg-white shadow-sm sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex items-center">
                    <div class="flex-shrink-0 flex items-center">
                        <i class="fas fa-magic text-purple-600 text-2xl mr-2"></i>
                        <span class="text-xl font-bold text-gray-900">PicWish</span>
                    </div>
                </div>
                <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
                    <a href="#" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">产品功能</a>
                    <a href="#" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">API文档</a>
                    <a href="#" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">下载应用</a>
                    <a href="#" class="text-gray-900 hover:text-purple-600 px-3 py-2 text-sm font-medium">定价方案</a>
                </div>
                <div class="flex items-center">
                    <a href="https://picwish.com/" class="ml-6 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
                        立即体验
                    </a>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero 模块 -->
    <div class="hero-gradient">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32">
            <div class="text-center">
                <h1 class="text-4xl md:text-6xl font-bold text-white tracking-tight mb-6">
                    释放AI创意，<br>点亮每张图片
                </h1>
                <p class="mt-6 text-xl text-purple-100 max-w-3xl mx-auto">
                    PicWish 提供全套AI图片编辑工具，从背景去除到批量处理，让你的创意无限延伸
                </p>
                <div class="mt-10 flex justify-center space-x-4">
                    <a href="https://picwish.com/" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-purple-600 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white">
                        免费使用 <i class="fas fa-arrow-right ml-2"></i>
                    </a>
                    <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-purple-800 bg-opacity-60 hover:bg-opacity-70 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
                        <i class="fas fa-play mr-2"></i> 观看演示
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 产品简介 -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="lg:text-center">
            <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">AI图片编辑平台</h2>
            <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                PicWish 一站式解决方案
            </p>
            <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
                PicWish 是一个集成了多种 AI 工具的在线图片编辑平台，提供 Photo Editor、API 接口、批量处理工具等功能，支持多语言，并且有 PC 和移动端的应用程序。
            </p>
        </div>

        <div class="mt-20">
            <div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3">
                <!-- 产品工作室 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-cubes text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Product Studio</h3>
                    <p class="text-gray-500">
                        提供了一系列 AI 工具，如批量处理、快速创建主图、自动化去水印等功能。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-bolt mr-1"></i> 高效处理
                        </span>
                    </div>
                </div>

                <!-- 顶级AI工具 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-star text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Top AI Tools</h3>
                    <p class="text-gray-500">
                        包括照片增强、背景去除、文本清晰化、图片颜色化等功能。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-robot mr-1"></i> AI驱动
                        </span>
                    </div>
                </div>

                <!-- 编辑工具 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-edit text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Editing Tools</h3>
                    <p class="text-gray-500">
                        提供了一系列图片编辑工具，如照片编辑、人像修饰、图片放大、背景模糊等功能。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-sliders-h mr-1"></i> 精细调整
                        </span>
                    </div>
                </div>

                <!-- 批量模式 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-layer-group text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Batch Mode</h3>
                    <p class="text-gray-500">
                        用户可以一次性处理多达 30 张图片，进行批量处理，如去水印、背景去除等。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-tasks mr-1"></i> 批量操作
                        </span>
                    </div>
                </div>

                <!-- 我的收藏 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-heart text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">My Favorite Tools</h3>
                    <p class="text-gray-500">
                        用户可以根据自己的需求选择并添加工具到收藏中。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-bookmark mr-1"></i> 个性化
                        </span>
                    </div>
                </div>

                <!-- API接口 -->
                <div class="feature-card transition-all duration-300 ease-in-out rounded-lg bg-white p-8 shadow-md hover:shadow-xl">
                    <div class="feature-icon inline-flex items-center justify-center h-12 w-12 rounded-md text-white mb-5">
                        <i class="fas fa-code text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">API & 开发者工具</h3>
                    <p class="text-gray-500">
                        通过 API 接口和开发者工具进行深入定制，满足企业级需求。
                    </p>
                    <div class="mt-4">
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
                            <i class="fas fa-plug mr-1"></i> 集成友好
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 数据可视化部分 -->
    <div class="bg-gray-50 py-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="lg:text-center mb-12">
                <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">功能架构</h2>
                <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                    PicWish 核心功能关系图
                </p>
            </div>
            
            <div class="mermaid bg-white p-8 rounded-lg shadow-lg">
                graph TD
                    A[PicWish 平台] --> B[Web 应用]
                    A --> C[桌面应用]
                    A --> D[移动应用]
                    A --> E[API 接口]
                    
                    B --> F[AI 图片编辑]
                    B --> G[批量处理]
                    C --> F
                    C --> G
                    D --> F
                    D --> G
                    
                    F --> H[背景去除]
                    F --> I[照片增强]
                    F --> J[文本清晰化]
                    F --> K[图片颜色化]
                    
                    G --> L[批量去水印]
                    G --> M[批量背景移除]
                    G --> N[批量优化]
                    
                    E --> O[开发者集成]
                    E --> P[企业解决方案]
            </div>
        </div>
    </div>

    <!-- 多平台支持 -->
    <div class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="lg:text-center mb-12">
                <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">全平台支持</h2>
                <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                    随时随地使用 PicWish
                </p>
            </div>
            
            <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
                <div class="text-center p-6 rounded-lg border border-gray-200">
                    <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-4">
                        <i class="fas fa-laptop text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Web 应用</h3>
                    <p class="text-gray-500">
                        无需安装，直接在浏览器中使用所有功能
                    </p>
                </div>
                
                <div class="text-center p-6 rounded-lg border border-gray-200">
                    <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-4">
                        <i class="fas fa-desktop text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">桌面应用</h3>
                    <p class="text-gray-500">
                        支持 Windows 和 Mac 系统，离线使用核心功能
                    </p>
                </div>
                
                <div class="text-center p-6 rounded-lg border border-gray-200">
                    <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-4">
                        <i class="fas fa-mobile-alt text-xl"></i>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">移动应用</h3>
                    <p class="text-gray-500">
                        iOS 和 Android 应用，随时随地编辑图片
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- CTA 部分 -->
    <div class="bg-purple-700">
        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
            <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
                <span class="block">准备好提升你的图片编辑体验了吗？</span>
                <span class="block text-purple-200">立即免费体验 PicWish AI 的强大功能。</span>
            </h2>
            <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
                <div class="inline-flex rounded-md shadow">
                    <a href="https://picwish.com/" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-purple-50">
                        开始使用 <i class="fas fa-arrow-right ml-2"></i>
                    </a>
                </div>
                <div class="ml-3 inline-flex rounded-md shadow">
                    <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 bg-opacity-60 hover:bg-opacity-70">
                        <i class="fas fa-book mr-2"></i> 查看文档
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="bg-gray-900 text-gray-300">
        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
            <div class="flex flex-col items-center">
                <div class="flex items-center mb-4">
                    <i class="fas fa-magic text-purple-400 text-xl mr-2"></i>
                    <span class="text-lg font-bold text-white">技术小馆</span>
                </div>
                <div class="text-sm">
                    <a href="http://www.yuque.com/jtostring" class="hover:text-purple-300 transition-colors duration-200">http://www.yuque.com/jtostring</a>
                </div>
                <div class="mt-6 flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-github text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-twitter text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-linkedin text-xl"></i>
                    </a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: true,
                htmlLabels: true,
                curve: 'basis'
            }
        });
    </script>
</body>
</html>
```